@import "bulma/utilities/derived-variables"

$body-family: "Segoe UI", "Lucida Grande", "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", sans-serif, Verdana, Arial, Helvetica

$base-red: #cf0f19
$base-red-invert: findColorInvert($base-red)
$base-red-light: findLightColor($base-red)
$base-red-darker: #b51021

$base-grey: $grey-light
$base-gray-darker: $grey

$custom-colors: ("custom": ($base-red, $base-red-invert, $base-red-light, $base-red-darker))

$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)

// navbar
// $navbar-background-color: $base-red
$navbar-height: 2.5rem
$navbar-item-color: findColorInvert($base-red)
$navbar-item-hover-color: findColorInvert($base-red)
$navbar-item-hover-background-color: $base-red-darker

// hero
$hero-body-padding-small: .5rem 1.5rem

// button
$button-border-color: $base-red
$button-border-width: 2px
$button-background-color: $base-red

$control-radius: 5px
$control-border-width: 2px

$pagination-current-background-color: $base-red
$pagination-current-border-color: $base-red-darker

// tag
$tag-color-hover: $base-red-invert
$tag-background-color-hover: $base-red

// minxins
=link-base
    color: #333333
    &:hover
        color: $base-red

=link-red
    color: $base-red
    &:hover
        color: $base-red-darker

=link-grey-red
    color: $base-grey
    &:hover
        color: $base-red

.link-base
    +link-base

.link-red
    +link-red

.link-grey-red
    +link-grey-red

// placeholder
%post-intro
    color: $base-gray-darker
    text-indent: 2em
    min-height: 4em
    line-height: 1.7em
